<template>
   <div class="app-body">
       <!-- v-bind绑定属性class、id、title、src、alt、href -->
       <img v-bind:src="imgsrc" alt="">
       <div class="link">下载客户端</div>
       <div class="active">已下载APP立即打开</div>
   </div>
</template>

<script>
   export default {
       data () {
           return {
               imgsrc:'https://wx2.sbimg.cn/2020/08/28/6s4EV.jpg'
           }
       }
   }
</script>

<style scoped lang="less">
   .app-body{
       img{
           width: 100%;
           max-width: 100%;
       }
       div{
           width: 7.84rem;
           height: 1.026667rem;
           color: #222;
           font-size: .32rem;
           border-radius: .226667rem;
           margin: .266667rem auto;
           text-align: center;
           line-height: 1.026667rem;
       }
       .link{
           background: #ffdb00;
       }
       .active{
           background: #fff;
       }
   }
</style>